<template>
  <v-app>
    <v-navigation-drawer app>
      <!-- -->
      <slot name="drawer"></slot>
    </v-navigation-drawer>

    <v-app-bar app>
      <!-- -->
      <slot name="app-bar"></slot>
    </v-app-bar>

    <!-- Sizes your content based upon application components -->
    <v-main>

      <!-- Provides the application the proper gutter -->
      <v-container fluid>

        <!-- If using vue-router -->
        <slot/>
<!--        <router-view></router-view>-->
      </v-container>
    </v-main>

    <v-footer app>
      <!-- -->
    </v-footer>
  </v-app>
</template>

<script>
export default {
  name: "home"
}
</script>

<style scoped>

</style>